<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="apple-mobile-web-app-title" content="">
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <meta name="renderer" content="webkit">
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="HandheldFriendly" content="true">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <link rel="stylesheet" type="text/css" href="__HOME_CSS__/haidian.css" />
    <link rel="stylesheet" type="text/css" href="__HOME_CSS__/tongyong.css"/>
    <script src="__HOME_JS__/jquery.min.js"></script>
    <title>{$title}学校情况</title>
    <style>
        .fixed{
            width: 25%;
            position: fixed;
            right: 0;
            bottom: 0;
        }
        .fixed ul li{
            text-align: center;
            padding: 0 1%;
            background-color: #00C8C8;
            font-size: 0.6em;
            border-radius: 5px;
            margin-bottom: 10%;
            line-height: 2.8em;
        }
        .fixed ul li a{
            display: block;
            color: #fff;
        }
        .fixed ul li:hover{
            background-color: #41bf75;
        }
        .fixed-nav{
            display: none;
        }
        .fix-btn{
            width: 33%;
            margin-left: 66%;
        }
        .fix-btn:hover{
            cursor: pointer;
        }

        .feedback{
            display: none;
            width: 100%;
            height: 100%;
            background-color: black;
            position: absolute;
            top: 0%;
            left: 0%;
            z-index: 9999;
            -moz-opacity: 0.7;
            opacity:.70;
        }
        .feed-window{
            display: none;
            position: fixed;
            top: 40%;
            left: 20%;
            width: 60%;
            background-color: #fff;
            -moz-opacity: 1;
            opacity:1;
            border-radius: 5px;
            z-index: 99999;
            padding: 3%;
        }
        .feed-window h4{
            color: #464646;
            font-size: 0.5em;
            text-align: left;
        }
        .feed-window textarea{
            width: 100%;
            height: 6em;
        }
        .feed-window button{
            outline: none;
            padding: 2%;
            border: transparent;
            background-color: #00C8B3;
            text-align: center;
            width: 30%;
            color: #fff;
            border-radius: 5px;
            font-size: 0.6em;
            margin-left: 19.5%;
        }
        .feed-window .feed-close{
            display: inline-block;
            outline: none;
            padding: 2%;
            border: transparent;
            background-color: #fff;
            border: 1px solid #00C8B3;
            text-align: center;
            width: 30%;
            color: #00C8B3;
            border-radius: 5px;
            font-size: 0.6em;
            line-height: 1.4em;
        }
        .feed-window .feed-close:hover{
            cursor: pointer;
        }

    </style>
</head>

<body>
<div class="main">
    <div class="top">
        <h1>{$title}学校情况</h1>
    </div>

    <form action="{:U('Home/Index/cateSearch')}" method="post" >
        <input type="hidden" name="rid" value="{$id}">
        <div id="input">
            <input type="text" placeholder="请输入中小学名称关键词" name="schname"/>
            <button class="search-img">
                <img src="__HOME_IMAGES__/4.png" width="100%" />
            </button>
        </div>
    </form>

    <div class="all-area">
        <div class="all-title">
            <h1>全部学区</h1>
        </div>

        <div class="all-content clearfix">
            <p class="triangle"></p>
            <div class="primary">
                <div class="pri-title">
                    <h2>所有小学</h2>
                    <p class="title-triangle"></p>
                </div>
                <ul class="primary-school">
                    <foreach name="small" item="v">
                        <li><a href="{:U('Home/Index/schAsso')}?sid={$v['sid']}">{$v['schoolname']}</a></li>
                    </foreach>

                </ul>
            </div>
            <div class="middle">
                <div class="mid-title">
                    <h2>所有中学</h2>
                    <p class="title-triangle"></p>
                </div>
                <ul class="middle-school">
                    <foreach name="mid" item="v">
                        <li><a href="{:U('Home/Index/schAsso')}?sid={$v['sid']}">{$v['schoolname']}</a></li>
                    </foreach>
                </ul>
            </div>
        </div>
    </div>

    <div class="feedback">
    </div>

    <div class="feed-window">
        <h4>反馈信息</h4>
        <form action="{:U('Home/Index/msgAdd')}" method="post">
            <input  type="hidden" name="sid" value="{$data['sid']}"/>
            <textarea name="content"></textarea>
            <button>提交</button>
            <p class="feed-close">关闭</p>
        </form>
    </div>

    <div class="fixed">
        <ul class="fixed-nav">
            <li class="feed-btn"><a href="#">反馈信息</a></li>
            <li><a href="{:U('Home/Index')}">返回首页</a></li>
        </ul>
        <div class="fix-btn">
            <img src="__HOME_IMAGES__/6.png" width="100%"/>
        </div>
    </div>

    <script type="text/javascript">
        $('.fix-btn').click(function(){
            $('.fixed-nav').toggle();
        });
        $('.feed-btn').click(function(){
            $('.feedback').show();
            $('.feed-window').show();
        })
        $('.feed-close').click(function(){
            $('.feed-window').hide();
            $('.feedback').hide();
        });
    </script>
</div>
</body>

</html>